<template>
	<div id="app" class="thePage">
		<my-header></my-header>
		<div class="list-wrap"><router-view /></div>
	</div>
</template>
<script>
// 1.导入组件
import MyHeader from '@/components/MyHeader.vue';
export default {
	components: {
		MyHeader //2.局部注册 驼峰格式自动转换
	}
};
</script>
<style>
.thePage {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: flex;
	flex-direction: column;
}

.list-wrap {
	margin: 0 10px;
	overflow-y: auto;
}
</style>
